<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<meta name="format-detection" content="telephone=no" /> 
<link rel="shortcut icon" href="images/logo.ico" />
<title>中科家政</title>
<meta name="keywords" content=" " />
<meta name="description" content=" " />


<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/style1.css">

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/easing.js"></script>
<script src="js/swiper-3.4.1.min.js"></script>
<script src="js/index.js"></script>
<script src="js/main.js"></script>

<script src="./js/vue.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./js/axios-config.js"></script>
<script src="./js/js.cookie.js"></script>
<script src="./js/utils.js"></script>

</head>

<body>

<div id="app" v-cloak>

<!--  / header  -->
<div class="header_longevity">
        <div class="header_map_longevity">   
            <img src="images/jiantou.png" alt="">
            <span>返回</span>
        </div>
        <div class="logo_longevity">评价</div>   
</div>
<!--  / header  -->

<!--  / warpper  -->
<div class="warpper" style="padding-bottom: 0%;">
    <div class="pingjia_sec1">
      <img src="images/pingjia_sec1_1.jpg" alt="" width="26">
      <span>好评请给5星</span>
    </div>
   
    <div class="luate">


        <div class="evaluate_top clearfix" id="startone_1">
            <div class="left">服务态度 : </div>
            <div class="evaluate_top_right ">
                <div class="star_score"></div>

                <div class="attitude"></div>
            </div>
        </div>
        <div class="evaluate_top clearfix" id="startone_2">
            <div class="left">服务态度 : </div>
            <div class="evaluate_top_right ">
                <div class="star_score"></div>

                <div class="attitude"></div>
            </div>
        </div>
        <div class="evaluate_top clearfix" id="startone_3">
            <div class="left">服务态度 : </div>
            <div class="evaluate_top_right ">
                <div class="star_score"></div>

                <div class="attitude"></div>
            </div>
        </div>
        <div class="pingjia_sec1 pingjia_sec2">
          <img src="images/pingjia_sec1_2.jpg" alt="" width="26">
          <span>投诉与建议</span>
        </div>

        <div class="evaluate_center">
            <textarea
                    onfocus="if(this.value=='您想说的话...') {this.value='';}this.style.color='#333333';"
                    onblur="if(this.value=='') {this.value='您想说的话...';this.style.color='#999999';}">您想说的话...</textarea>
            <div class="evaluate_center_img clearfix">
               
                <div class="evaluate_center_img_con">
                    <input type="file">
                    <img src="images/ue4.png" width="100%">
                </div>
            </div>
            <!--<div class="evaluate_center_text on clearfix">-->
            <!--<span class="uesr_check"></span>匿名 <div>您写的评价会以匿名的形式展现</div>-->
            <!--</div>-->
        </div>

    </div>
    <div class="pingjia_btn">
        <a href="##">提交</a>
    </div>

</div>
<!--  / warpper  -->

</div>

</body>
<script type="text/javascript" src="js/startScore.js"></script>

<script>
    scoreFun($("#startone"))
    scoreFun($("#startone1"))
    scoreFun($("#startone2"))
    scoreFun($("#startone3"))

    scoreFun($("#startone_1"))
    scoreFun($("#startone_2"))
    scoreFun($("#startone_3"))
    scoreFun($("#starttwo"), {
        fen_d: 10,//每一个a的宽度
        ScoreGrade: 4//a的个数 10或者
    })


    $(document).ready(function () {


        $(".evaluate_top a").click(function () {

            var sumber = $(this).index() + 1;
            console.log(sumber)
            $(this).parents(".evaluate_top ").find(".llation").stop(true).fadeOut(0);
            $(this).parents(".evaluate_top ").find(".llation").eq(sumber - 1).stop(true).fadeIn(300);

        })

        $(".evaluate_center_text").click(function () {
            var _this = $(this)
            if (_this.hasClass("on")) {
                _this.removeClass("on")
            } else {
                _this.addClass("on")
            }
        })


    })

</script>
<script>
  $(window).ready(function(){
    $('.header_map_longevity').click(function(){
      history.go(-1);
    });
  })  
</script>
</html>
